<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fatecz</title>
<link href="estilos/stylesheet-geral.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="main">
	<div id="cabecalho">
        <div id="cabecalhoLogo"> <a href="#"><img src="images/logo.png" /></a></div>

        <div id="cabecalhoBusca">
            <div id="cabecalhoBuscaLeft"> 
	        <form action="#" method="post" name="formBusca" target="_self">     
                <input name="txtBusca" type="text" size="40" />
	            <input name="btnBuscar" type="button" value="Ok" />
            </form>
            </div>
            <div id="cabecalhoBuscaRight"> <a href="#">Sair</a></div>
        </div>

    </div>
    <div id="menuPrincipal">
        <div id="menuPrincipalLeft">&nbsp;</div>
        <div id="menuPrincipalRight">&nbsp;</div>
        <ul>
        	<li><a href="#">Home</a></li>
           	<li><a href="#">Usuários</a></li>
            <li><a href="#">Unidades</a></li>
      		<li><a href="#">Cursos</a></li>
          	<li><a href="#">Disciplinas</a></li>
            <li><a href="#">Grupos de Estudos</a></li>
            <li><a href="#">Oportunidades</a></li>            
        </ul>
    </div>
    <div id="corpoPagina">
    	<div id="menuSecundario">
        	<div id="menuSecundarioFoto"></div>
            <ul class="menuEdicao">
            	<li><a href="#"><span class="iconMenuEdicaoFoto"></span>Trocar foto</a> </li>
            	<li><a href="#"><span class="iconMenuEdicaoPerfil"></span>Editar perfil</a> </li>
            	<li><a href="#"><span class="iconMenuEdicaoCurriculo"></span>Editar currículo</a> </li> 
            	<li><a href="#"><span class="iconMenuEdicaoNoticias"></span>Feed de notícias</a> </li> 
            	<li><a href="#"><span class="iconMenuEdicaoMicroblog"></span>Microblog</a> </li> 
            	<li><a href="#"><span class="iconMenuEdicaoMensagens"></span>Mensagens</a> </li> 
               	<li><a href="#"><span class="iconMenuEdicaoEventos"></span>Eventos</a> </li>
               	<li><a href="#"><span class="iconMenuEdicaoConfiguracoes"></span>Configurações</a> </li>
            </ul>
            
            <div id="linhaDivisoria"></div>
            
            <ul class="menuVisualizacao">
            	<li><a href="#"><span class="iconMenuVisualizacaoPerfil"></span>Perfil</a> </li>
            	<li><a href="#"><span class="iconMenuVisualizacaoCurriculo"></span>Currículo</a> </li>
            	<li><a href="#"><span class="iconMenuVisualizacaoGaleria"></span>Galeria</a> </li> 
            	<li><a href="#"><span class="iconMenuVisualizacaoBlog"></span>Blog</a> </li> 
            </ul>
            
            <div id="linhaDivisoria"></div>
            
	        <ul class="menuConexoes">
            	<li><a href="#">Unidade</a></li>
                
                <div class="menuConexoesItem">
                	<a href="#"> <div class="menuConexoesFoto"></div> [ Nome da Unidade ]</a>
                </div>
                
            	<li><a href="#">Cursos [ (02) ]</a> </li>

                <div class="menuConexoesItem">
                	<a href="#"> <div class="menuConexoesFoto"></div> [ Nome do Curso ]</a>
                </div>
                <div class="menuConexoesItem">
                	<a href="#"> <div class="menuConexoesFoto"></div> [ Nome do Curso ]</a>
                </div>
                
            	<li><a href="#">Disciplinas [ (21) ]</a> </li> 

                <div class="menuConexoesItem">
                	<a href="#"> <div class="menuConexoesFoto"></div> [ Nome da Disciplina ]</a>
                </div>
                <div class="menuConexoesItem">
                	<a href="#"> <div class="menuConexoesFoto"></div> [ Nome da Disciplina ]</a>
                </div>
                <div class="menuConexoesItem">
                	<a href="#"> <div class="menuConexoesFoto"></div> [ Nome da Disciplina ]</a>
                </div>
                                
            	<li><a href="#">Grupos de Estudo [ (15) ]</a> </li> 
                
                <div class="menuConexoesItem">
                	<a href="#"> <div class="menuConexoesFoto"></div> [ Nome do Grupo de Estudo ]</a>
                </div>
                <div class="menuConexoesItem">
                	<a href="#"> <div class="menuConexoesFoto"></div> [ Nome do Grupo de Estudo ]</a>
                </div>                                
                
            </ul>
            
        </div>
        <div id="conteudo">
        	<div id="tituloPagina"><div class="iconMenuEdicaoNoticias"></div>&nbsp;Feed de Notícias</div>
        	
            <div id="atualizacao">
              <div id="linhaDivisoria"></div>
              <div class="atualizacaoFoto"></div>
              
              <div class="atualizacaoTitulo"><a href="#">[ Nome ]</a></div>
              
              <div class="atualizacaoConteudo">[ Texto da atualização aqui <a href="#">link</a> ]</div>
              
              <div class="atualizacaoRodape">[ Hora ] · <a href="#">[ Tamanduar ] </a>· <a href="#">[ Comentar ]</a> · <a href="#">[ Apagar ]</a></div>
              
              <div id="complementos">
           		<div class="complementosTamanduadas">[ <a href="#">Fulano</a> tamanduou isso. ] [ <a href="#">Exbir todos os 05 comentários</a> ] 
           		</div>
                    
                    <div class="complementosComentario">
                        <div class="comentarioFoto"></div>
                        <div class="comentarioNome"><a href="#">[ Nome ] </a></div>
                        <div class="comentarioConteudo"> [ Texto do comentario <a href="#">link</a> ]</div>
                        <div class="comentarioRodape">[ Hora ] · <a href="#">[ Tamanduar ] </a>· <a href="#">[ Apagar ]</a></div>
                    </div>
                    
                    <div class="complementosComentar">
                    <form action="#" method="post" name="fomrComentar" target="_self">     
                		<input name="txtComentar" type="text" size="62" />
	            		<input name="btncomentar" type="button" value="comentar" />
            		</form>
                    </div>
              </div>
            </div>
        </div>
        <div id="lembretes">
            <div> oi </div>
        </div>
    </div>
    <div id="rodape">
     <div id="rodape-left">Fatecz © 2011 </div>
            <div id="rodape-right"><a href="#">Sobre</a> · <a href="#">Anúncios</a> · <a href="#">Desenvolvedores</a> · <a href="#">Ajuda</a></div>
    </div>
</div>

</body>
</html>
